<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <style>
        #showEmpInfo .modal-content{
            width: 780px;
        }
        #showEmpInfo .modal-content{width: 780px;}
        #showEmpInfo .modal-body{width: 780px;}

    </style>
    <div><input type="hidden" id="session_exit" th:value="${session.employee.username}"></div>
    <script>
        function login_session() {
            var exit = $("#session_exit").val();
            if (exit==null || exit =="" || exit.length==0){
                location.href="http://localhost:8080/";
            }
        }
        login_session();
    </script>
        <!-- 这里是底部 -->
        <div id="footer" th:fragment="bottom">
            <div class="copyright">2014 © &mu;Admin - Responsive Multi-Style Admin Template</div>
            <!--显示个人信息-->
            <!--模态框内容-->
            <div class="modal fade" id="showEmpInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                            </button>
                            <h4 style="text-align: center;font-weight: bolder"> 个人详细信息 </h4>
                        </div>
                        <!--添加模态框-->
                        <style>
                            .modal-body{
                                overflow: hidden;
                            }
                            .headimg{
                                width: 170px;
                            }

                            .well-small {
                                padding: 9px;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }


                            .empfile_left {
                                width: 32%;
                                font-size: 13px;
                                padding: 1%;
                                display: inline;
                                float: left;
                                margin: 0 15px 0 0;
                                _margin: 0 5px 0 0;
                            }
                            .empfile_left:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }

                            .profile_right{
                                width: 65%;
                                display: inline;
                                color: #949494;
                                font-size: 14px;
                                line-height: 32px;
                                float: left;
                                /*   //  border: 1px solid red;*/
                            }
                            .profile_content {
                                color: #333;
                                word-wrap: break-word;
                                word-break: break-all;
                            }
                            .right_left {
                                width: 130px;
                                display: inline;
                                float: left;
                                margin: 0 0 0 10px;
                            }
                            .profile_right .profile_content {
                                color: #333;
                                word-wrap: break-word;
                                word-break: break-all;
                            }
                            .right_right {
                                width: 217px;
                                display: inline;
                                float: left;
                                margin-left: 10px;
                            }
                            .right_full{
                                display: inline;
                                float: left;
                                margin: 0 0 0 10px;
                            }
                        </style>


                        <div class="modal-body">
                            <div class="empfile_left well well-small">
                                <div class="headimg">
                                    <img id="showImg" src="/upload/empImgs/" th:src="@{/static/upload/empImgs/}+${session.employee.headImage}" width="165" height="200"  itemprop="image">
                                </div>
                                <script type="text/javascript">
                                    /*function chageImg() {
                                        $("#showImg").attr("src","/upload/empImgs/"+$("#img").val());
                                    }
                                    chageImg();*/
                                </script>
                                <div class="no-center-border" style="text-align: center;color: #1d84ce;">员工照片</div>
                                <div class="clear"></div>
                            </div>
                            <div class="profile_right">



                                <div class="profile_right right_left">
                                    <span>用 户 名：</span>
                                    <span class="profile_content">[[${session.employee.username}]]</span>
                                </div>
                                <div class="profile_right right_right">
                                    <span>密　　码：</span>
                                    <span id="oldpwd" class="profile_content">[[${session.employee.password}]]</span>
                                </div>

                                <div class="profile_right right_left">
                                    <span>真实姓名：</span>
                                    <span class="profile_content">[[${session.employee.realName}]]</span>
                                </div>
                                <div class="profile_right right_right">
                                    <span>性　　别：</span>
                                    <span class="profile_content">[[${session.employee.sex}]]</span>
                                </div>

                                <div class="profile_right right_full">
                                    <span>手机号：</span>
                                    <!--<span class="profile_content">135-1111-2222</span>-->
                                    <span class="profile_content">[[${session.employee.phone}]]</span>
                                </div>
                                <div class="profile_right right_full">
                                    <span>家庭住址：</span>
                                    <span class="profile_content">未公开</span>
                                </div>



                                <div class="profile_right right_full">
                                    <span>创 建 人：</span>
                                    <span class="profile_content">[[${session.employee.creator}]]</span>
                                </div>
                                <div class="profile_right right_full">
                                    <span>创建时间：</span>
                                   <!-- <span class="profile_content">2019-12-12 10:25:31</span>-->
                                    <span class="profile_content">[[${#dates.format(session.employee.createDate,'yyyy-MM-dd HH:mm:ss')}]]</span>
                                </div>

                                <div class="profile_right right_full">
                                    <span>角　　色：</span>
                                    <span class="profile_content" th:if="${session.employee.role.roleId==1}">超级管理员</span>
                                    <span class="profile_content" th:if="${session.employee.role.roleId==2}">管理员</span>
                                    <span class="profile_content" th:if="${session.employee.role.roleId==3}">普通管理员</span>
                                </div>

                            </div>
                        </div>

                    </div>
                </div> <!--/.modal-dialog&ndash-->
            </div> <!--/.modal&ndash-->

        </div>



    </body>
</html>